<div id="tmplMedia">
	{{#if media}}
		<div id="carousel-media" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				{{#each media}}
					<li data-target="#carousel-media" data-slide-to="{{@index}}"></li>
				{{/each}}
			</ol>

			<div class="carousel-inner" role="listbox">
				{{#each media}}
					<div class="item {{#if @first}}active{{/if}}">
						<img src="{{this.identifier}}" alt="{{this.title}}" />
						<div class="carousel-caption">
							{{this.title}}
						</div>
					</div>
				{{/each}}
			</div>

			<a class="left carousel-control" href="#carousel-media" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#carousel-media" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>

	{{else}}
		No media.
	{{/if}}
</div>